@charset "UTF-8";
.main {
    .close {
        text-align: right;
        padding: 0.15rem 0.15rem 0.175rem 0;
    }
    .head {
        text-align: center;
        padding-bottom: 0.47rem;
        img {
            width: 0.6rem;
            height: 0.6rem;
        }
    }
    .input-group {
        width: 85%;
        margin: 0 auto;
        input {
            width: 100%;
        }
        .username, .password {
            position: relative;
            input {
                border: none;
                color: #525252;
                font-size: 0.12rem;
                border-bottom: 1px solid #eeeeee;
                padding: 0.18rem 0;
            }
            input::-webkit-input-placeholder{
                color:#999999;
            }
        }
        .password {
            img {
                position: absolute;
                right: 0;
                bottom: 0.175rem;
            }
        }
        .login-btn {
            border: none;
            border-radius: 0.025rem;
            background: #1082ff;
            color: #ffffff;
            font-size: 0.13rem;
            height: 0.45rem;
            line-height: 0.45rem;
            margin-top: 0.3rem;
        }
    }
    .tips {
        text-align: center;
        p {
            font-size: 0.11rem;
            color: #999999;
            padding: 0.22rem 0 0.17rem 0;
        }
        .accounts {
            img:nth-child(2) {
                margin: 0 0.325rem;
            }
        }
    }
}
.login-footer {
    position: fixed;
    bottom: 0.15rem;
    width: 100%;
    text-align: center;
    font-size: 0.11rem;
    color: #999999;
    span {
        padding: 0.05rem 0;
        &:first-child {
            border-right: 1px solid #eeeeee;
            padding-right: 0.13rem;
        }
        &:last-child {
            padding-left: 0.13rem;
        }
    }
}